$(function() {
	function getQueryString(name) {
		var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
		var r = location.search.substr(1).match(reg);
		if(r != null) return unescape(decodeURI(r[2]));
		return null;
	}
	//获取传入的id
	var couponid = getQueryString("couponId");
	
	$.ajax({
		type: "get",
		url: "http://127.0.0.1:3000/api/getcoupon",
		async: true,
		dataType: "json",
		success: function(data) {
			$.each(data.result, function(i, e) {
				//通过传入的id 判断 从而设置 头部的 xxx 优惠卷
				//例如 肯德基的id = 0 
				
				//	result:Array(4)
				//		0:Object
				//			couponId:0	(couponid == e.couponId)		
				//			couponImg:"http://www.juanlaoda.com/ImageUpload/2013310191729944.jpg"
				//			couponLink:"couponproduct.html"
				//			couponTitle:"肯德基"
				//			_id:"580b6ac561457b22d6b8e6d4
				//  id  相同即取出 	e.couponTitle(肯德基)
				if(couponid == e.couponId) {
					$("#header>span>i").html(e.couponTitle)
				}
			});
		}
	});

	$.ajax({
		type: "get",
		url: "http://127.0.0.1:3000/api/getcouponproduct",
		async: true,
		dataType: "json",
		data: {
			couponid,
			couponid
		},
		success: function(data) {
			console.log(data)
			var html = template("menuGet", data);
			// 添加优惠卷页面样式
			$("#menu").html(html);
			// 在把每个数据的图片 单独取出来 动态添加的 轮播图	需要轮播的图片中
			var getImg = template("imgGet", data);
			$("#imgGet1").html(getImg);
			$(".menuGeta").click(function() {
				//取得当前点击图片的id
				var id = $(this).attr("data-couponproductid");
				//通过jQuery 属性选择器 获取当前点击图片 对应轮播图的图片 添加.active 类名  
				//.active 类名  是 Bootstrap 框架 设置好的 类名 ,添加该后轮播图会默认的从添加.active类名的属性的图片开始轮播
				$("#imgGet1>.item[data-img='" + id + "']").addClass("active");
				$("#carousel-example-generic").css({
					"display": "block"
				})
				$(".item>img").click(function() {
					$("#carousel-example-generic").css({
						"display": "none"
					})
					// 记得移除 .active 类名  不然再次点击别的图片 会有bug
					$("#imgGet1>.item").removeClass("active");
				})
			})
		}
	});
})